<template>
	<!-- vip充值窗口 2022/8/14新增 -->
	<div class="vip-cvs" v-show="modelValue">
	  <div class="vip-cz-win">
	    <p class="title">爱下载资源分享平台-开通SVIP<a class="close" @click="$emit('update:model-value', false)"></a></p>
	    <div class="data">
			<div class="v">
			  <h1>月会员</h1>
			  <p class="money">10</p>
			  <p class="ls">有效期30天</p>
			  <p class="ls">免费资源下载</p>
			  <p class="ls">赠送<b>80</b>积分</p>
			  <a class="btn">立即开通</a>
			</div>
			<div class="v">
			  <h1>年会员</h1>
			  <p class="money">80</p>
			  <p class="ls">有效期365天</p>
			  <p class="ls">免费资源下载</p>
			  <p class="ls">赠送<b>800</b>积分</p>
			  <a class="btn">立即开通</a>
			</div>
			<div class="v">
			  <h1>永久会员</h1>
			  <p class="money">200</p>
			  <p class="ls">永久有效</p>
			  <p class="ls">免费资源下载</p>
			  <p class="ls">赠送<b>2400</b>积分</p>
			  <a class="btn">立即开通</a>
			</div>
			
			<div class="v">
			  <h1>试用会员</h1>
			  <p class="money">1</p>
			  <p class="ls">有效期1天</p>
			  <p class="ls">免费资源下载</p>
			  <p class="ls">不赠送积分</p>
			  <a class="btn">立即开通</a>
			</div>
		</div>
	  </div>
	</div>
</template>

<script>

export default {
	props:{
		modelValue: {
			required: false , 
			type: Boolean , 
			default: false
		}
	},
	emits: ["update:model-value"], 
}
	
</script>

<style>
</style>